<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
		<meta name="keywords" content="meta, hfknight, fei hu, HTML, Web Design, SMU, portfolio, slider">
        <title>Fei.TH ink - Pray for Japan and China</title>
        <link rel="stylesheet" href="./css/slider.css" type="text/css" media="screen" title="no title" charset="utf-8">
        <link media="screen" href="./fancybox/jquery.fancybox-1.3.4.css" type="text/css" rel="stylesheet">

        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js" type="text/javascript"></script>
        <script>
                !window.jQuery && document.write('<script src="js/jquery.min.js"><\/script>');
        </script>
        <script type="text/javascript" src="./fancybox/jquery.fancybox-1.3.4.pack.js"></script>
        <script src="js/jquery.scrollTo-min.js" type="text/javascript"></script>
        <script src="js/jquery.localscroll-1.2.7-min.js" type="text/javascript" charset="utf-8"></script>
        <script src="js/jquery.serialScroll-1.2.2-min.js" type="text/javascript" charset="utf-8"></script>
        <script src="js/slider.js" type="text/javascript" charset="utf-8"></script>
        <script src="js/polaroid.js" type="text/javascript" charset="utf-8"></script>
    </head>
    <body>
        <div id="wrapper">
            <!--        	<h1>Slider</h1>    -->
            <div id="slider">

                <div class="scroll">
                    <div class="scrollContainer">
                        <div class="panel" id="home">
                            <div class="panel-bg home">
                                <img src="./img/hi.png" alt="Hi there. I'm Fei Hu."/>
                                <span>I'm a Software Engineering graduate student.</span>
                                <span> I do <em>Programming</em>.</span>
                            </div>
                        </div>
                        <div class="panel" id="about">
                            <div class="panel-bg about">
                                <img src="./img/about-me.png" />
                                <div class="two-column">
                                    <div class="column-left">
                                        <img class="face" src="./img/face-icon.png" alt="Fei Hu" />
                                        <a href="Fei_Hu_resume.pdf"><img src="./img/view-resume.png" alt="view my resume" /></a>
                                        <a href="http://hfknight.com/blog"><img src="./img/blog-chinese.png" alt="go to my blog" /></a>
										<a href="http://hfknight.com/tech"><img src="./img/blog-tech.png" alt="go to my blog" /></a>
                                    </div>
                                    <div class="column-right">
                                        <p>Nihao! My name is Fei Hu. I am currently a graduate student at <strong>Southern Methodist Univeristy</strong>, doing my master degree of <strong>Software Engineering</strong>.</p>
                                        <p>Writing beautiful and creative software is what I like to do best. I'm writing codes in <strong>C/C++</strong>, <strong>Java</strong>, <strong>PHP</strong> and have also been programming <strong>Mobile Phone Development</strong> since last year. I've also taken interest in <strong>Web Development</strong> and <strong>User Interface Design</strong>.</p>
                                        <p>I pick things up fast, and I'm always ready to absorb new knowledge, which keep me fresh!</p>
                                        <p>I really enjoy the moment in my life when taking a pleasing photograph, watching a wonderful movie, reading a good book, or listening to a beautiful song.</p>
                                        <p> Thanks for viewing my website. Take Care!</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="panel" id="work">
                            <div class="panel-bg work">
                                <img src="./img/work.png" />
                                <p><strong>I ♥ Coding!</strong></p>
                                <p>I believe <em>Putting Into Practice</em> is the best way of learning. See my works below.</p><img class="clickr4m" src="./img/clickformore.png" />
                                <div class="showcase-desc"></div>
                                <div id="work-showcase">
                                    <div class="icon-container">
										<a id="ipapp" title="SleepDetective iPhone App">
	                                        <img src="./img/1_s.jpg" alt="ipapp" />
										</a>
	                                    <span class="hide">
	                                        <ul>
	                                            <li class="Name">
	                                                <b>Name:</b>
	                                                <em>SleepDetective iPhone App</em>
	                                            </li>
	                                            <li class="Language">
	                                                <b>Implementation:</b>
	                                                <em>Objective-C</em>
	                                            </li>
	                                            <li class="Description">
	                                                <b>Description:</b>
	                                                <em> This project is inspired from my interest in iPhone's sensors. In SleepDetective, diverse sensors are used for detecting body movement and surrounding noise level.Thus,it helps users to track their sleep quality.</em>
	                                            </li>
	                                        </ul>
	                                    </span>
									</div>
                                    <div class="icon-container">									
	                                    <a id="feiweb" title="hfknight.com" href="./img/2_b_1.jpg" rel="feiweb_g">
	                                        <img src="./img/2_s.png" alt="feiweb" />
										</a>
                                        <span class="hide">
                                            <ul>
                                                <li class="Name">
                                                    <b>Name:</b>
                                                    <em>hfknight.com</em>
                                                </li>
                                                <li class="Language">
                                                    <b>Implementation:</b>
                                                    <em>PHOTOSHOP, HTML, CSS, JQuery, and PHP</em>
                                                </li>
                                                <li class="Description">
                                                    <b>Description:</b>
                                                    <em> My personal website. I was always thinking of interesting themes for my website and one day I saw my friend's Polaroid. Here came the idea of polaroid style! I combined several interesting tech in this webiste, like lightbox, flickr RESTful API. I'm proud that I designed and created almost everything by myself. That's plenty of fun during this project!</em>
                                                </li>
                                            </ul>
                                        </span>
									</div>
                                    <div class="icon-container">									
	                                    <a id="twtmap" title="TwitterMap" href="./img/3_b.jpg" rel="twtmap_g">
	                                        <img src="./img/3_s.jpg" alt="twtmap" />
										</a>                                      
                                        <span class="hide">
                                            <ul>
                                                <li class="Name">
                                                    <b>Name:</b>
                                                    <em>Twitter Map</em>
                                                </li>
                                                <li class="Language">
                                                    <b>Implementation:</b>
                                                    <em>HTML, AJAX, JQuery, and Java Servlet</em>
                                                </li>
                                                <li class="Description">
                                                    <b>Description:</b>
                                                    <em> TwitterMap is a web application that display twitter users' location and tweets on Google Maps, utilizing Google Maps API and Twitter RESTful API. You can visit <a href='/tm/index.html'>here</a> for fun.</em>
                                                </li>
                                            </ul>
                                        </span>
									</div>
                                    <div class="icon-container">									
	                                    <a id="autosys" title="Autosys Web Manager" rel="autosys_g">
	                                        <img src="./img/4_s.jpg" alt="autosys" />
										</a>                              
                                        <span class="hide">
                                            <ul>
                                                <li class="Name">
                                                    <b>Name:</b>
                                                    <em>Autosys Management System</em>
                                                </li>
                                                <li class="Language">
                                                    <b>Implementation:</b>
                                                    <em>HTML, Javascript, Java, and SQL</em>
                                                </li>
                                                <li class="Description">
                                                    <b>Description:</b>
                                                    <em> I Rewrote old GUI to web application, improving webpage loading rate by over 400%, and wrote a new algorithm for quick task management.That was my first time using Javascript and AJAX in real project, I decided  to write my own codes instead of using other Javascript/Java frameworks, so I could benefit more from coding. And so it was! </em>
                                                </li>
                                            </ul>
										</span>
									</div>
                                    <div class="icon-container">										
	                                    <a id="taskmgr" title="Remote System Task Manager" rel="taskmgr_g">
	                                        <img src="./img/5_s.jpg" alt="taskmgr" />
										</a>
                                        <span class="hide">
                                            <ul>
                                                <li class="Name">
                                                    <b>Name:</b>
                                                    <em> Remote System Task Manager</em>
                                                </li>
                                                <li class="Language">
                                                    <b>Implementation:</b>
                                                    <em>HTML,JQuery, Java Servlet</em>
                                                </li>
                                                <li class="Description">
                                                    <b>Description:</b>
                                                    <em> Remote System Task Manager is a web-based tool for monitoring and managing computer system tasks. It simulated Window task manager's functions but it could be deployed to remote servers in different operation systems. I chose Microsoft SQLServer as database because I never used it before and I was willing to try this time.</em>
                                                </li>
                                            </ul>
                                        </span>
									</div>
                                    <div class="icon-container">									
	                                    <a id="3dworld" title="3D World Tour" href="http://player.vimeo.com/video/19768253" rel="3dworld_g">
	                                        <img src="./img/6_s.jpg" alt="3dworld" />
										</a>
                                        <span class="hide">
                                            <ul>
                                                <li class="Name">
                                                    <b>Name:</b>
                                                    <em> 3D World Tour</em>
                                                </li>
                                                <li class="Language">
                                                    <b>Implementation:</b>
                                                    <em>C++ and OPENGL API</em>
                                                </li>
                                                <li class="Description">
                                                    <b>Description:</b>
                                                    <em> 3D world program is an OPENGL Program in which user could move the eye position around the world under user control.User could control to switch the ambient lights, move speed, direction, and etc.</em>
                                                </li>
                                            </ul>
                                        </span>
									</div>
                                </div>
                            </div>
                        </div>
                        <div class="panel" id="life">
                            <div class="panel-bg life">
                                <img src="./img/life.png" />
                                <p><em><strong>Photography</strong> is the way I remain precious moment of inspiration and pleasure in daily life.</em></p>
                                <a id="flickrgallery">Start &gt;&gt;</a>
                            </div>
                        </div>
                        <div class="panel" id="contact">
                            <div class="panel-bg contact">
                                <img src="./img/contact.png" />
                                <p>Tel: 1-214.709.2411</p>
                                <p>E-mail me: hfknight2003[AT]gmail[dot]com</p>
                                <p class="highlight">You can also find me here: </p>
                                <ul>
                                    <li>
                                        <a class="twitter" target="_black" title="twitter" href="http://twitter.com/parn_fe"></a>
                                    </li>
                                    <li>
                                        <a class="linkedin" title="linkedin" href="http://www.linkedin.com/pub/fei-hu/15/736/98b"></a>
                                    </li>
                                    <li>
                                        <a class="facebook" title="facebook" href="http://www.facebook.com/profile.php?id=669044851"></a>
                                    </li>
                                    <li>
                                        <a class="flickr" title="flickr" href="http://flickr.com/hfknight"></a>
                                    </li>
                                    <li>
                                        <a class="friendfeed" title="friendfeed" href="http://friendfeed.com/hfknight"></a>
                                    </li>
                                    <li>
                                        <a class="aboutme" title="about.me" href="http://about.me/hfknight"></a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <ul class="navigation">
                    <li><a class="selected" href="#home">HOME</a></li>
                    <li><a href="#about">ABOUT</a></li>
                    <li><a href="#work">WORK</a></li>
                    <li><a href="#life">LIFE</a></li>
                    <li><a href="#contact">CONTACT</a></li>
                </ul>
            </div>
            <div id="footer">
				Best viewed in Firefox.Google Chrome.Safari. Copyright &copy; 2011 &nbsp;
                <b> Fei Hu </b>
            </div>
        </div>
        <div id="logo"></div>
    <script type="text/javascript">

         var _gaq = _gaq || [];
         _gaq.push(['_setAccount', 'UA-21439056-1']);
         _gaq.push(['_trackPageview']);

         (function() {
             var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
             ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
             var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
         })();

    </script>
    </body>
</html>